<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
    <button>post</button>
</body>
<script>
	const btn = document.querySelector("button");
	btn.onclick = function(){
		// ajax:xhr fetch
		// hosts
		// 第一个参数是请求地址，第二个参数是配置对象
		// 1- fetch发送POST请求
		
		// fetch("http://zhangpeiyue.com/info",{
		// 	// 可以设置请求的方式
		// 	method:"post"
		// }).then(response=>{
		// 	response.json().then(value=>{
		// 		console.log(value);
		// 	})
		// });
		
		// 2- 发送请求体数据。
		// 请求体是有格式的：
		// 2-1:application/json
		// 2-2:application/x-www-form-urlencoded
		fetch("http://zhangpeiyue.com/info2",{
			method:"post",
			// 请求头
			headers:{
				"Content-Type":"application/json",
				a:1,
				b:2
			},
			// body的值相当于之前xhr.send函数接收的值。
			body:JSON.stringify({
				username:"zhangsan",
				age:12
			})
		}).then(value=>{
			console.log(value);
			return value.json();
		}).then(value=>{
			console.log(value);// 响应体数据
		})
		
	}
</script>
</html>